<script setup lang="ts">
defineProps({
  name: {
    type: String,
    default: () => ''
  },
  size: {
    type: Number,
    default: () => 24
  }
})
</script>

<template>
  <template v-if="name === 'logo'">
    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" :width="size" :height="size">
      <path
        fill="currentColor"
        d="M288 320h64v64H288zM288 448h64v64H288zM416 384h64v64h-64z"
      ></path>
      <path
        fill="currentColor"
        d="M288 896a165.408 165.408 0 0 1-23.808-1.728A162.976 162.976 0 0 1 128 731.712V358.368a229.184 229.184 0 0 1 201.92-229.28 222.72 222.72 0 0 1 142.848 34.24l255.04 159.392a223.36 223.36 0 0 1-22.08 390.08l-348.16 167.328A159.232 159.232 0 0 1 288 896z m64.064-704q-7.936 0-16 0.768A164.672 164.672 0 0 0 192 358.336v373.408a98.688 98.688 0 0 0 81.376 99.2 96.864 96.864 0 0 0 56.416-8.48l348.256-167.36a159.36 159.36 0 0 0 15.616-278.272l-255.104-159.424A159.008 159.008 0 0 0 352.064 192zM832 224h-128a128.16 128.16 0 0 1-128-128V64h64v32a64.064 64.064 0 0 0 64 64h128z"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'menu'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M8.857 3h6.286c1.084 0 1.958 0 2.666.058.729.06 1.369.185 1.961.487a5 5 0 0 1 2.185 2.185c.302.592.428 1.233.487 1.961.058.708.058 1.582.058 2.666v3.286c0 1.084 0 1.958-.058 2.666-.06.729-.185 1.369-.487 1.961a5 5 0 0 1-2.185 2.185c-.592.302-1.232.428-1.961.487C17.1 21 16.227 21 15.143 21H8.857c-1.084 0-1.958 0-2.666-.058-.728-.06-1.369-.185-1.96-.487a5 5 0 0 1-2.186-2.185c-.302-.592-.428-1.232-.487-1.961C1.5 15.6 1.5 14.727 1.5 13.643v-3.286c0-1.084 0-1.958.058-2.666.06-.728.185-1.369.487-1.96A5 5 0 0 1 4.23 3.544c.592-.302 1.233-.428 1.961-.487C6.9 3 7.773 3 8.857 3M6.354 5.051c-.605.05-.953.142-1.216.276a3 3 0 0 0-1.311 1.311c-.134.263-.226.611-.276 1.216-.05.617-.051 1.41-.051 2.546v3.2c0 1.137 0 1.929.051 2.546.05.605.142.953.276 1.216a3 3 0 0 0 1.311 1.311c.263.134.611.226 1.216.276.617.05 1.41.051 2.546.051h.6V5h-.6c-1.137 0-1.929 0-2.546.051M11.5 5v14h3.6c1.137 0 1.929 0 2.546-.051.605-.05.953-.142 1.216-.276a3 3 0 0 0 1.311-1.311c.134-.263.226-.611.276-1.216.05-.617.051-1.41.051-2.546v-3.2c0-1.137 0-1.929-.051-2.546-.05-.605-.142-.953-.276-1.216a3 3 0 0 0-1.311-1.311c-.263-.134-.611-.226-1.216-.276C17.029 5.001 16.236 5 15.1 5zM5 8.5a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1M5 12a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'edit'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="currentColor"
      viewBox="0 0 24 24"
    >
      <path
        d="M15.673 3.913a3.121 3.121 0 1 1 4.414 4.414l-5.937 5.937a5 5 0 0 1-2.828 1.415l-2.18.31a1 1 0 0 1-1.132-1.13l.311-2.18A5 5 0 0 1 9.736 9.85zm3 1.414a1.12 1.12 0 0 0-1.586 0l-5.937 5.937a3 3 0 0 0-.849 1.697l-.123.86.86-.122a3 3 0 0 0 1.698-.849l5.937-5.937a1.12 1.12 0 0 0 0-1.586M11 4A1 1 0 0 1 10 5c-.998 0-1.702.008-2.253.06-.54.052-.862.141-1.109.267a3 3 0 0 0-1.311 1.311c-.134.263-.226.611-.276 1.216C5.001 8.471 5 9.264 5 10.4v3.2c0 1.137 0 1.929.051 2.546.05.605.142.953.276 1.216a3 3 0 0 0 1.311 1.311c.263.134.611.226 1.216.276.617.05 1.41.051 2.546.051h3.2c1.137 0 1.929 0 2.546-.051.605-.05.953-.142 1.216-.276a3 3 0 0 0 1.311-1.311c.126-.247.215-.569.266-1.108.053-.552.06-1.256.06-2.255a1 1 0 1 1 2 .002c0 .978-.006 1.78-.069 2.442-.064.673-.192 1.27-.475 1.827a5 5 0 0 1-2.185 2.185c-.592.302-1.232.428-1.961.487C15.6 21 14.727 21 13.643 21h-3.286c-1.084 0-1.958 0-2.666-.058-.728-.06-1.369-.185-1.96-.487a5 5 0 0 1-2.186-2.185c-.302-.592-.428-1.233-.487-1.961C3 15.6 3 14.727 3 13.643v-3.286c0-1.084 0-1.958.058-2.666.06-.729.185-1.369.487-1.961A5 5 0 0 1 5.73 3.545c.556-.284 1.154-.411 1.827-.475C8.22 3.007 9.021 3 10 3A1 1 0 0 1 11 4"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'rename'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M13.293 4.293a4.536 4.536 0 1 1 6.414 6.414l-1 1-7.094 7.094A5 5 0 0 1 8.9 20.197l-4.736.79a1 1 0 0 1-1.15-1.151l.789-4.736a5 5 0 0 1 1.396-2.713zM13 7.414l-6.386 6.387a3 3 0 0 0-.838 1.628l-.56 3.355 3.355-.56a3 3 0 0 0 1.628-.837L16.586 11zm5 2.172L14.414 6l.293-.293a2.536 2.536 0 0 1 3.586 3.586z"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'speech'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M11 4.91a.5.5 0 0 0-.838-.369L6.676 7.737A1 1 0 0 1 6 8H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2a1 1 0 0 1 .676.263l3.486 3.196A.5.5 0 0 0 11 19.09zM8.81 3.067C10.415 1.597 13 2.735 13 4.91v14.18c0 2.175-2.586 3.313-4.19 1.843L5.612 18H4a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h1.611zm11.507 3.29a1 1 0 0 1 1.355.401A10.96 10.96 0 0 1 23 12c0 1.85-.458 3.597-1.268 5.13a1 1 0 1 1-1.768-.934A8.96 8.96 0 0 0 21 12a8.96 8.96 0 0 0-1.085-4.287 1 1 0 0 1 .402-1.356M15.799 7.9a1 1 0 0 1 1.4.2 6.48 6.48 0 0 1 1.3 3.9c0 1.313-.39 2.537-1.06 3.56a1 1 0 0 1-1.673-1.096A4.47 4.47 0 0 0 16.5 12a4.47 4.47 0 0 0-.9-2.7 1 1 0 0 1 .2-1.4"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'stop'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12m7.5-3.5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1z"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'copy'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M7 5a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-2v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-9a3 3 0 0 1 3-3h2zm2 2h5a3 3 0 0 1 3 3v5h2a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-9a1 1 0 0 0-1 1zM5 9a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1z"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'refresh'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        d="M3.07 10.876C3.623 6.436 7.41 3 12 3a9.15 9.15 0 0 1 6.012 2.254V4a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1H15a1 1 0 1 1 0-2h1.957A7.15 7.15 0 0 0 12 5a7 7 0 0 0-6.946 6.124 1 1 0 1 1-1.984-.248m16.992 1.132a1 1 0 0 1 .868 1.116C20.377 17.564 16.59 21 12 21a9.15 9.15 0 0 1-6-2.244V20a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H7.043A7.15 7.15 0 0 0 12 19a7 7 0 0 0 6.946-6.124 1 1 0 0 1 1.116-.868"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'delete'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M10.556 4a1 1 0 0 0-.97.751l-.292 1.14h5.421l-.293-1.14A1 1 0 0 0 13.453 4zm6.224 1.892-.421-1.639A3 3 0 0 0 13.453 2h-2.897A3 3 0 0 0 7.65 4.253l-.421 1.639H4a1 1 0 1 0 0 2h.1l1.215 11.425A3 3 0 0 0 8.3 22H15.7a3 3 0 0 0 2.984-2.683l1.214-11.425H20a1 1 0 1 0 0-2zm1.108 2H6.112l1.192 11.214A1 1 0 0 0 8.3 20H15.7a1 1 0 0 0 .995-.894zM10 10a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'arrow-down'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M5.293 9.293a1 1 0 0 1 1.414 0L12 14.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'arrow-left'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M14.707 5.293a1 1 0 0 1 0 1.414L9.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'arrow-right'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M9.293 18.707a1 1 0 0 1 0-1.414L14.586 12 9.293 6.707a1 1 0 0 1 1.414-1.414l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414 0"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'loading'">
    <svg
      stroke="currentColor"
      fill="none"
      stroke-width="2"
      viewBox="0 0 24 24"
      :width="size"
      :height="size"
      xmlns="http://www.w3.org/2000/svg"
    >
      <line x1="12" y1="2" x2="12" y2="6"></line>
      <line x1="12" y1="18" x2="12" y2="22"></line>
      <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
      <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
      <line x1="2" y1="12" x2="6" y2="12"></line>
      <line x1="18" y1="12" x2="22" y2="12"></line>
      <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
      <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
    </svg>
  </template>
  <template v-else-if="name === 'setting'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M11.568 3.5a1 1 0 0 0-.863.494l-.811 1.381A3 3 0 0 1 7.33 6.856l-1.596.013a1 1 0 0 0-.858.501l-.44.761a1 1 0 0 0-.003.992l.792 1.4a3 3 0 0 1 0 2.954l-.792 1.4a1 1 0 0 0 .004.992l.439.76a1 1 0 0 0 .858.502l1.596.013a3 3 0 0 1 2.564 1.48l.811 1.382a1 1 0 0 0 .863.494h.87a1 1 0 0 0 .862-.494l.812-1.381a3 3 0 0 1 2.563-1.481l1.596-.013a1 1 0 0 0 .859-.501l.439-.761a1 1 0 0 0 .004-.992l-.793-1.4a3 3 0 0 1 0-2.953l.793-1.401a1 1 0 0 0-.004-.992l-.439-.76a1 1 0 0 0-.859-.502l-1.596-.013a3 3 0 0 1-2.563-1.48L13.3 3.993a1 1 0 0 0-.862-.494zM8.98 2.981A3 3 0 0 1 11.568 1.5h.87a3 3 0 0 1 2.588 1.481l.81 1.382a1 1 0 0 0 .855.494l1.597.013a3 3 0 0 1 2.575 1.502l.44.76a3 3 0 0 1 .011 2.975l-.792 1.4a1 1 0 0 0 0 .985l.792 1.401a3 3 0 0 1-.012 2.974l-.439.761a3 3 0 0 1-2.575 1.503l-1.597.012a1 1 0 0 0-.854.494l-.811 1.382a3 3 0 0 1-2.588 1.481h-.87a3 3 0 0 1-2.588-1.481l-.811-1.382a1 1 0 0 0-.855-.494l-1.596-.012a3 3 0 0 1-2.576-1.503l-.439-.76a3 3 0 0 1-.012-2.975l.793-1.4a1 1 0 0 0 0-.985l-.793-1.4a3 3 0 0 1 .012-2.975l.44-.761A3 3 0 0 1 5.717 4.87l1.596-.013a1 1 0 0 0 .855-.494z"
        clip-rule="evenodd"
      ></path>
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M12.003 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M8.502 12a3.5 3.5 0 1 1 7 .001 3.5 3.5 0 0 1-7-.001"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'attachment'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M9 7a5 5 0 0 1 10 0v8a7 7 0 1 1-14 0V9a1 1 0 0 1 2 0v6a5 5 0 0 0 10 0V7a3 3 0 1 0-6 0v8a1 1 0 1 0 2 0V9a1 1 0 1 1 2 0v6a3 3 0 1 1-6 0z"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'with-net'">
    <svg :width="size" :height="size" viewBox="0 0 1024 1024" focusable="false">
      <path
        id="path1"
        fill="currentColor"
        stroke="none"
        d="M 925.824707 511.555725 C 925.824707 355.991638 837.070251 220.909424 706.864624 151.661438 C 646.885986 118.937378 579.637268 101.831726 511.312347 101.919983 C 440.60141 101.919983 373.791779 119.963501 315.76004 151.661438 C 185.554398 220.421753 96.800003 355.991638 96.800003 511.555725 C 96.800003 630.057495 148.492126 736.367676 230.906937 810.979919 C 306.804199 882.7677 407.330536 922.733887 511.800018 922.654419 C 620.548523 922.654419 719.056152 879.740173 792.693054 810.979919 C 874.620239 736.367676 926.799988 630.057495 926.799988 511.555725 L 925.824707 511.555725 Z M 412.804688 595.921143 C 408.903412 569.099792 407.44043 540.815369 407.44043 511.555725 C 407.44043 482.296021 409.391083 454.011597 412.804688 427.190247 L 608.844666 427.190247 C 616.026733 483.20459 616.026733 539.906799 608.844666 595.921143 L 412.804688 595.921143 Z M 592.26416 672.97168 C 575.196045 729.052734 548.374634 778.79425 510.824677 823.659119 C 473.868927 779.385254 446.175507 728.144043 429.385193 672.97168 L 592.26416 672.97168 Z M 334.77887 427.190247 C 331.365204 454.011597 329.902252 482.296021 329.902252 511.555725 C 329.902252 540.815369 331.365204 568.612061 334.77887 595.921143 L 184.579086 595.921143 C 169.628098 540.671082 169.628098 482.440308 184.579086 427.190247 L 334.77887 427.190247 Z M 216.277084 350.139709 C 260.628113 273.164429 333.509003 216.751831 419.144287 193.112671 C 386.958649 240.903503 364.038544 293.083313 348.921021 350.139709 L 216.277084 350.139709 Z M 349.408691 672.97168 C 364.038544 730.028076 387.446289 782.207886 419.631958 829.998718 C 333.996704 806.359619 261.115753 749.94696 216.76474 672.97168 L 349.896362 672.97168 L 349.408691 672.97168 Z M 429.872864 350.139709 C 446.94101 294.058655 474.250061 244.3172 511.312347 199.452332 C 548.862305 244.3172 575.683655 294.058655 592.751831 350.139709 L 429.872864 350.139709 Z M 602.505066 193.112671 C 688.210205 216.612061 761.139038 273.061768 805.372314 350.139709 L 672.240662 350.139709 C 657.610779 293.083313 634.203064 240.415894 602.505066 193.112671 Z M 672.240662 672.97168 L 805.372314 672.97168 C 761.02124 749.94696 688.14032 806.359619 602.505066 829.998718 C 634.690735 782.207886 657.610779 730.028076 672.240662 672.97168 Z M 686.382813 595.921143 C 689.796509 569.099792 691.25946 540.815369 691.25946 511.555725 C 691.25946 482.296021 689.796509 454.499329 686.382813 427.190247 L 837.070251 427.190247 C 852.021301 482.440308 852.021301 540.671082 837.070251 595.921143 L 686.382813 595.921143 Z"
      />
    </svg>
  </template>
  <template v-else-if="name === 'without-net'">
    <svg :width="size" :height="size" viewBox="0 0 1024 1024" focusable="false">
      <path
        id="path1"
        fill="currentColor"
        stroke="none"
        d="M 419.357819 193.166321 C 409.110931 208.292725 400.32785 223.907043 392.032715 240.009338 L 450.098572 298.075195 C 466.200867 262.942871 486.206757 229.76239 511.580048 199.509644 C 549.152039 244.400879 575.989197 294.17157 593.067444 350.285645 L 502.309021 350.285645 L 579.404846 427.38147 L 609.169739 427.38147 C 610.633484 438.116272 611.609436 449.339111 612.585327 460.56189 L 691.14502 539.121582 C 691.14502 530.338501 691.632935 521.067505 691.632935 511.796509 C 691.632935 482.519653 690.169128 454.706543 686.753418 427.38147 L 837.529419 427.38147 C 852.489258 482.664001 852.489258 540.928955 837.529419 596.211548 L 748.234924 596.211548 L 869.734009 717.710693 C 907.436157 655.646912 927.354248 584.414368 927.311951 511.796509 L 926.33606 511.796509 C 926.33606 356.140991 837.529419 220.97937 707.247314 151.690674 C 647.233398 118.947327 579.945129 101.831665 511.580048 101.919983 C 440.827545 101.919983 373.978638 119.97406 315.912781 151.690674 C 313.473053 153.154541 311.033325 155.106384 308.105621 156.57019 L 365.195557 213.660095 C 382.273773 205.36499 400.32785 198.533752 419.357819 193.166321 Z M 805.812866 350.285645 L 672.602966 350.285645 C 657.964478 293.195679 634.542969 240.497253 602.826355 193.166321 C 688.581909 216.679504 761.553589 273.162354 805.812866 350.285645 Z M 901.450684 857.263794 L 165.624756 121.437927 L 110.486603 176.57605 L 190.022156 256.111633 C 130.233582 327.912598 97.437134 418.361755 97.311996 511.796509 C 97.311996 630.36792 149.034515 736.740601 231.497757 811.396667 C 379.702728 951.561829 608.584778 960.933716 767.752869 833.35437 L 846.800476 912.401978 L 901.938599 857.263794 L 901.450684 857.263794 Z M 408.622955 475.200378 L 529.634094 596.211548 L 413.014496 596.211548 C 409.110931 569.37439 407.647064 541.073364 407.647064 511.796509 C 407.647064 499.597778 408.13501 487.399109 408.622955 475.200378 Z M 283.708221 350.285645 L 216.371368 350.285645 C 224.666489 336.135132 234.425461 323.448486 244.184418 310.761841 L 283.708221 350.285645 Z M 173.431931 511.796509 C 173.431931 482.519653 177.33551 454.706543 184.654739 427.38147 L 334.94278 427.38147 C 331.52713 454.218567 330.063324 482.519653 330.063324 511.796509 C 330.063324 541.073364 331.52713 568.886414 334.94278 596.211548 L 184.654739 596.211548 C 177.33551 569.37439 173.431931 541.073364 173.431931 511.796509 Z M 216.859314 673.307373 L 349.581238 673.307373 C 364.219696 730.397278 387.641174 782.607727 419.845764 830.426697 C 334.160156 806.773682 261.236389 750.327881 216.859314 673.307373 Z M 511.092102 824.083374 C 474.114624 779.783447 446.404907 728.512207 429.604736 673.307373 L 592.579468 673.307373 C 575.501282 729.421387 548.664124 779.192139 511.092102 824.083374 Z M 602.826355 830.426697 C 625.271973 796.75824 643.32605 761.138062 656.988586 723.078064 L 711.150879 777.240356 C 678.946289 800.661865 642.838135 819.203857 602.826355 830.426697 Z"
      />
    </svg>
  </template>
  <template v-else-if="name === 'divider'">
    <svg xmlns="http://www.w3.org/2000/svg" :width="size" :height="size" viewBox="0 0 16 16">
      <path
        d="M13.275-.275c.261.26.392.576.392.945v10.66c0 .37-.131.684-.392.945a1.288 1.288 0 0 1-.945.392H1.67c-.37 0-.684-.13-.945-.392a1.288 1.288 0 0 1-.392-.945V.67c0-.37.13-.684.392-.945.26-.261.576-.392.945-.392h10.66c.369 0 .684.13.945.392zM1.667 11.33c0 .002 0 .003.003.003h10.66c.002 0 .003 0 .003-.003V.67c0-.002 0-.003-.003-.003H1.67c-.002 0-.003 0-.003.003z"
        transform="translate(1 2)"
        fill="currentColor"
      ></path>
      <path
        d="M9.763 7.507a.666.666 0 0 1-.867 0L7 5.878 5.104 7.506a.665.665 0 0 1-.867.001L2.331 5.878.434 7.506a.66.66 0 0 1-.485.16.66.66 0 0 1-.53-.338.665.665 0 0 1 .147-.834l2.33-2a.666.666 0 0 1 .867 0L4.67 6.123l1.897-1.629a.666.666 0 0 1 .868 0l1.897 1.629 1.906-1.63a.668.668 0 0 1 .867.002l2.33 2a.66.66 0 0 1 .23.455.661.661 0 0 1-.252.575.666.666 0 0 1-.846-.019l-1.897-1.628z"
        transform="translate(1 2)"
        fill="currentColor"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'archived'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M4.83 4.106A2 2 0 0 1 6.617 3h10.764a2 2 0 0 1 1.789 1.106l1.618 3.236a2 2 0 0 1 .211.894V18a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V8.236a2 2 0 0 1 .211-.894zM17.381 5H6.618l-1 2h12.764zM19 9H5v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1zM9 12a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'unarchived'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M4.83 4.106A2 2 0 0 1 6.617 3h10.764a2 2 0 0 1 1.789 1.106l1.618 3.236a2 2 0 0 1 .211.894V18a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V8.236a2 2 0 0 1 .211-.894zM17.381 5H6.618l-1 2h12.764zM19 9H5v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1zm-7.707 1.793a1 1 0 0 1 1.414 0l2.5 2.5a1 1 0 0 1-1.414 1.414L13 13.914V16.5a1 1 0 1 1-2 0v-2.586l-.793.793a1 1 0 0 1-1.414-1.414z"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'usage'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M11.33 5a1 1 0 0 0-1 1v13h3.33V6a1 1 0 0 0-1-1h-1.33Zm4.33 14H18a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h-2.34v10Zm0-12V6a3 3 0 0 0-3-3h-1.33a3 3 0 0 0-3 3v5H6a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-8a3 3 0 0 0-3-3h-2.34Zm-7.33 6H6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h2.33v-6Z"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'share'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M11.293 3.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L13 6.414V15a1 1 0 1 1-2 0V6.414L8.707 8.707a1 1 0 0 1-1.414-1.414zM4 14a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3a1 1 0 1 1 2 0v3a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-3a1 1 0 0 1 1-1"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'more'">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="size"
      :height="size"
      fill="none"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        fill-rule="evenodd"
        d="M6.75 4.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M2.5 6.75a4.25 4.25 0 1 1 8.5 0 4.25 4.25 0 0 1-8.5 0M17.25 4.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M13 6.75a4.25 4.25 0 1 1 8.5 0 4.25 4.25 0 0 1-8.5 0M6.75 15a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M2.5 17.25a4.25 4.25 0 1 1 8.5 0 4.25 4.25 0 0 1-8.5 0M17.25 15a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M13 17.25a4.25 4.25 0 1 1 8.5 0 4.25 4.25 0 0 1-8.5 0"
        clip-rule="evenodd"
      ></path>
    </svg>
  </template>
  <template v-else-if="name === 'inspiration'">
    <span
      :style="{ transform: `scale(calc(${size} / 18))` }"
      style="position: relative; display: block; width: 18px; height: 18px; perspective: 1000px"
      data-animate="false"
      ><svg
        width="14"
        height="15"
        viewBox="0 0 14 15"
        fill="currentColor"
        xmlns="http://www.w3.org/2000/svg"
        style="
          position: absolute;
          top: 2px;
          left: 3px;
          width: 14px;
          height: 15px;
          transform-style: preserve-3d;
          backface-visibility: visible;
          transform: rotateY(0);
        "
      >
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M7 0.714966C6.57172 0.714966 6.19841 1.00644 6.09453 1.42193C5.64458 3.22175 5.11525 4.31311 4.3567 5.07167C3.59815 5.83022 2.50678 6.35955 0.706966 6.8095C0.291477 6.91337 -3.32794e-07 7.28669 -3.32794e-07 7.71497C-3.32794e-07 8.14324 0.291477 8.51656 0.706966 8.62043C2.50678 9.07039 3.59815 9.59971 4.3567 10.3583C5.11525 11.1168 5.64458 12.2082 6.09453 14.008C6.19841 14.4235 6.57172 14.715 7 14.715C7.42828 14.715 7.80159 14.4235 7.90547 14.008C8.35542 12.2082 8.88475 11.1168 9.6433 10.3583C10.4019 9.59971 11.4932 9.07039 13.293 8.62043C13.7085 8.51656 14 8.14324 14 7.71497C14 7.28669 13.7085 6.91337 13.293 6.8095C11.4932 6.35955 10.4019 5.83022 9.6433 5.07167C8.88475 4.31311 8.35542 3.22175 7.90547 1.42193C7.80159 1.00644 7.42828 0.714966 7 0.714966Z"
        ></path></svg
      ><svg
        width="14"
        height="15"
        viewBox="0 0 14 15"
        fill="currentColor"
        xmlns="http://www.w3.org/2000/svg"
        style="
          position: absolute;
          top: 1px;
          left: 0;
          width: 6px;
          height: 6px;
          transition: opacity 0.25s ease;
        "
      >
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M7 0.714966C6.57172 0.714966 6.19841 1.00644 6.09453 1.42193C5.64458 3.22175 5.11525 4.31311 4.3567 5.07167C3.59815 5.83022 2.50678 6.35955 0.706966 6.8095C0.291477 6.91337 -3.32794e-07 7.28669 -3.32794e-07 7.71497C-3.32794e-07 8.14324 0.291477 8.51656 0.706966 8.62043C2.50678 9.07039 3.59815 9.59971 4.3567 10.3583C5.11525 11.1168 5.64458 12.2082 6.09453 14.008C6.19841 14.4235 6.57172 14.715 7 14.715C7.42828 14.715 7.80159 14.4235 7.90547 14.008C8.35542 12.2082 8.88475 11.1168 9.6433 10.3583C10.4019 9.59971 11.4932 9.07039 13.293 8.62043C13.7085 8.51656 14 8.14324 14 7.71497C14 7.28669 13.7085 6.91337 13.293 6.8095C11.4932 6.35955 10.4019 5.83022 9.6433 5.07167C8.88475 4.31311 8.35542 3.22175 7.90547 1.42193C7.80159 1.00644 7.42828 0.714966 7 0.714966Z"
        ></path></svg
    ></span>
  </template>
</template>

<style scoped lang="scss"></style>
